<template>
      <el-tabs :stretch="true" v-model="activeName" class="demo-tabs" @tab-click="handleClick">
         <el-tab-pane style="width:100vw" label="基础信息" name="first">   </el-tab-pane>
         <el-tab-pane  style="width:100vw" label="销售达成" name="second">   </el-tab-pane>
          <el-tab-pane  style="width:100vw" label="销售达成" name="second">   </el-tab-pane>
           <el-tab-pane  style="width:100vw" label="销售达成" name="second">   </el-tab-pane>
            <el-tab-pane  style="width:100vw" label="销售达成" name="second">   </el-tab-pane>
      </el-tabs>
   <el-main>
   </el-main>
</template>

<script>
// import labelName from '../../components/labelname.vue'
export default {
components:{
    // labelName
},
data(){
return{
    activeName:'first'
}
},
methods:{
    gotodetail(){
        
    }
}
}
</script>

<style scoped>
.el-main{
    padding: 0 15px;
}
.card-box{
    width:calc(100% - 1rem);
   display: grid;
   min-height: 7rem;
   padding: 0.5rem;
   margin: auto;
   grid-template-columns: repeat(2,1fr);
   column-gap:0.8rem ;
}
.card{
    width: 100%;
height: 6rem;
background: #FFFFFF;
box-shadow: 0px 0px 0rem 0.05rem rgba(0,0,0,0.16);
border-radius: 0.83rem  0.83rem  0.83rem  0.83rem;
}
.card1{
width: 100%;
height: 9.5rem;
margin-top: 1rem;
background: #FFFFFF;
box-shadow: 0px 0px 0rem 0.05rem rgba(0,0,0,0.16);
border-radius:  0.83rem  0.83rem  0.83rem  0.83rem;
opacity: 1;
}
.card-title{
    margin-top: 1.2rem;
    margin-left: 1rem;
    font-size: 1.1rem;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: var(--el-color-text-3);
}
.card-content{
        margin-top: 1rem;
    margin-left: 1rem;
font-size: 1.4rem;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
color: var(--el-color-text-3);
}
.card-box-border{
    margin-top: 0.8rem;
    padding-top: 1rem;
    height: 2rem;
    border-top: 1px solid #E9E9E9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-box-border-text{
    /* margin-top: 13rem; */
        margin-left: 1rem;
font-size: 1.1rem;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: var(--el-color-text-6);
}
.card-box-border-right{
    /* margin-top: 13rem; */
}
.card-box-border-right-text{
    margin-right: 0.8rem;
    margin-left: 0.2rem;
    font-size: 1.1rem;
font-weight: 400;
color: #00A331;
}
.card-box-border-right-text1{
    margin-right: 0.8rem;
    margin-left: 0.2rem;
    font-size: 1.1rem;
font-weight: 400;
color: #FF0101;
}
.iconSpin{
  transform:rotate(180deg)
}
</style>